<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
    <van-tabbar router  v-show="$route.meta.footshow" v-model="active">
      <van-tabbar-item icon="home-o" :to="{name: 'Home'}">首页</van-tabbar-item>
      <van-tabbar-item icon="search" :to="{name: 'Fenlei'}">分类</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" :to="{name: 'Cart'}">购物车</van-tabbar-item>
      <van-tabbar-item icon="friends-o" :to="{name: 'User'}">我的</van-tabbar-item>
      <!-- <van-icon name="" color="#1989fa" /> -->
    </van-tabbar>
  </div>
</template>

<script>

export default {
  name: 'App',
  data() {
    return {
      active: 0,
    }
  },
  components: {
    
  },
  methods: {
    show(){
      alert("我执行了没有")
    },
    // change(active){
    //   alert(active)
    // }
  }
}
</script>

<style>

</style>
